<template lang="html">
    <div class="que-bix">
        <div class="eleme">
			<el-carousel :interval="4000" type="card" height="800px">
				<el-carousel-item v-for="item in photos">
					<img :src="item" alt="" width="100%" height="100%">
				</el-carousel-item>
			</el-carousel>
        </div>
    </div>
</template>


<script>
import tool from '../../utils/tools';
import { photoslist } from '../../api/index';
export default {
    name: 'photos',
    data(){
        return {
            photos: [
				'http://cdn.xinyunan.cn/images/21.jpg'
			]
        }
    },
    methods:{
        onSubmit() {
            
        },autoLoad(){
			photoslist(this.query).then(res => {
			    this.photos = res.data;
				console.log(this.photos);
			});
        }
    },mounted(){
        this.autoLoad();
    }
}
</script>

<style scoped>
.el-carousel__item h3 {
	color: #475669;
	font-size: 14px;
	opacity: 0.75;
	line-height: 200px;
	margin: 0;
}

.el-carousel__item:nth-child(2n) {
	background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
	background-color: #d3dce6;
}
.que-bix{
	padding: 16px;
	font-size: 18px;
}

</style>
